<!doctype html lang="pt-br">
<html>

    <head>
        <meta charset="utf-8"/>
        <title>Moto Certo</title>
        <base href="{base_url}{base_template_site}">
        <!--[if lt IE 9]>
                <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <link rel="stylesheet" media="all" href="css/resset.css"/>
        <link rel="stylesheet" media="all" href="css/geral.css"/>
        <link rel="stylesheet" media="all" href="css/anunciar.css"/>
        <link rel="stylesheet" media="all" href="css/planos.css"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <!-- Mobile Safari maximum-scale=1 to fixe the bug auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->

        <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
        <script src="js/jquery.maskedinput-1.3.js" type="text/javascript"></script>
        <script type="text/javascript">
            jQuery(function($){
                $("#cep").mask("99999-999");
            });
        </script>
    </head>

    <body>
        {include_header}
        <div class="wrapper">
            <header class="nav-option">
                <h1 class="breadcrumb-title">Anunciar</h1> 
                <ul class="breadcrumb">
                    <li><strong>Selecionar Plano de Anúncio</strong> &gt;</li>
                    <li> Cadastrar Moto &gt;</li>
                    <li> Identificação &gt;</li>
                    <li> Pagamento</li>
                </ul>
            </header>
            <div class="content">
                <p class="texto-descricao-1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes,
                    nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate
                    eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper
                    nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante,</p> 

                <form class="form1" action="{base_url}cep" method="POST">
                    <fieldset>
                        <legend>Anúnciar</legend>   

                        <label>
                            <input type="radio" value="moto" checked>Moto</label><br><br>
                        <label for="cep"><strong>Digite o Cep de sua residência:</strong></label><br>
                        <input type="text" name="cep" id="cep" required maxlength="8" value="{cep}">
                        <input type="submit" class="botao-azul" value="{lang_continuar}" style="height: 29px;width: 110px;">
                        <span class="fr texto-destaque-1">{mais_anuncio}</span><br>
                        <span class="input-info">Sem espaço e pontuação, ex.: 14096000.</span>
                    </fieldset>
                </form>
                <span style="line-height:35px;"><strong>{cidade}</strong></span>


                <!---- INICIO PLANO -->
                {planos}
                <ul class="planos-box">
                    <li>
                        <figure class="ico-star">
                            <img src="images/ico-star.png" height="9">
                            <img src="images/ico-star.png" height="9">
                            <img src="images/ico-star.png" height="9">
                        </figure><strong>Até Vender</strong>
                    </li>
                    <li><strong>{plano_nome}</strong></li>
                    <li><strong>{plano_fotos}</strong><br> no detalhe da moto.</li>
                    <li><strong>{plano_valor}</strong><br><a href="{link}">
                            <input id="anunciar_{id}" type="button" class="botao-azul" value="{plano_anunciar}" style="height: 29px;width: 110px;margin-top: 15px;"></a>
                    </li>
                </ul>
                {/planos}
                <!---- FIM PLANO -->



                <div style="clear:both"></div>

            </div>
        </div>

         {include_footer}


    </body>

</html>